<template>
    <div class="home">
        <!-- <h6 v-for="(item,index) in list" :key="index">子组件--{{item}}</h6> -->
        <h6>子组件-父传子{{mkey}}</h6>
        <input type="text" v-model="inputVal" @change="getValue">
    </div>
</template>

<script setup lang="ts">
import type { List } from '@/types/home' 
import { onMounted,ref,watch } from 'vue'
const inputVal = ref(200)
const getValue = (e:Event)=>{
    console.log((e.target as HTMLInputElement),'input输入框的值')
}
</script>

<style lang="scss" scoped>
.home {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border:1px solid black;
    padding: 20px;
    box-sizing: border-box;
}
</style>